@charset "utf-8";
/**初始**/


* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #666666; font-family: "Microsoft YaHei","Arial";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei","Arial";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #263147;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略号*/
.dot2,
.dot3,
.dot4{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fl{ float: left;}
.fr{ float: right;}

.normal{ font-weight: normal;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}

.slick_btn .slick-arrow,
.slick_btn .slick-dots{ position: absolute; z-index: 10;}
.slick_btn .slick-arrow{ width: 72px; height: 72px; top: 50%; margin-top: -36px; background: url("../images/prev_btn2.png") no-repeat center #e5e5e5; background-size: contain; border: none; font-size: 0; cursor: pointer; border-radius: 100%;}
.slick_btn .slick-prev{ left: -14.5%;}
.slick_btn .slick-next{ right: -14.5%; background-image: url("../images/next_btn2.png");}
.slick_btn .slick-arrow:hover{ background-color: #068a4b;}

.slick_btn .slick-dots{ text-align: center; width: 100%; left: 0; bottom:7.5%; font-size: 0;}
.slick_btn .slick-dots li{ display: inline-block; margin: 0 5px;}
.slick_btn .slick-dots button{ display: block; border:none; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,255,255,0.3); font-size: 0; }
.slick_btn .slick-dots .slick-active button{ background: #fff; }
@media(max-width:1366px){
    .slick_btn .slick-prev{ left: -8%;}
    .slick_btn .slick-next{ right: -8%;}
}
@media(max-width:1200px){
    .slick_btn .slick-arrow{ width: 50px; height: 50px; opacity: 0.5;}
    .slick_btn .slick-prev{ left: 0;}
    .slick_btn .slick-next{ right: 0;}
}


.nM{ margin: 0; }
.normal{ font-weight: normal; }

.ytable{ display: table; width: 100%; table-layout: fixed;}
.ytable_cell{ display: table-cell; vertical-align: middle;}

.w1340{ max-width:1340px; margin:0 auto; width: 96%;}
.w1200{ max-width: 1200px; margin: 0 auto;width: 96%;}
.w880{ max-width: 880px; margin: 0 auto;width: 96%;}


.gradient{background: -webkit-linear-gradient(bottom,#057039, #00a74c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom,#057039, #00a74c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,#057039, #00a74c); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(bottom,#057039, #00a74c);
    background: linear-gradient(bottom,#057039, #00a74c); /* 标准的语法 */
}


.Iheader{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100; padding: 0 3%;}
.Homecontainer .Iheader .w1340{ max-width: none;position: relative;}
.Iheader .logo{ display: inline-block; padding: 3% 0;}
.Iheader .img2,
.Iheader .img3{ display: none;}
.Iheader .other,
.topNav{position: absolute;  top: 50%; transform: translateY(-50%);}
.Iheader .other{  text-align: right;right: 0}
.Iheader .search,
.Iheader .lang{ display: inline-block; vertical-align: middle;}
.Iheader .search{ position: relative;}
.Iheader .open-search{ display: block; width: 30px; height: 30px; background: url("../images/search_icon1.png") no-repeat center;}
.Iheader .open-search-show{ background: none;}
.Iheader .open-search-show::before,
.Iheader .open-search-show::after{ position:absolute; content:''; width:60%; height:2px; background:#fff; top:50%; left:20%; transform:rotate(-45deg);}
.Iheader .open-search-show::after{transform:rotate(45deg);}
.Iheader .search_box{ position:absolute; top:50px; right:0; z-index:100; display:none;}
.Iheader .search_box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.Iheader .search_box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}
.Iheader .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.topNav{ margin-right: 120px; float: right;}
.Iheader .lang{ margin-left: 40px; border: 1px solid #ffffff;  border-radius: 50px; text-align: center; font-size: 0;}
.Iheader .lang a{ display: inline-block; font-size: 12px; padding: 0 12px; color: #fff; line-height: 27px; position: relative;}
.Iheader .lang{}
.Iheader .lang a span{ position: relative; z-index: 2;}
.Iheader .lang .cn i{ position: absolute; width: 103%; height: 104%; left: -3%; top: -2%;border-radius: 50px 0 0 50px;}

.topNav{ right: 250px; font-size: 0; text-align: right; width: 60%;}
.Iheader .navUl {text-align: center;}
.Iheader .navUl li{  display: inline-block; font-size: 16px; margin: 0.5% 1%;}
.Iheader .navUl li a{ display: block; color: #fff; min-width: 100px; padding: 0 10px; text-align: center; border: 1px solid #fff; border-radius: 50px;  height: 27px; vertical-align: middle;}
.Iheader .navUl li a:hover,
.Iheader .navUl li.on a{ border-color: #057039;background: -webkit-linear-gradient(bottom,#057039, #00a74c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom,#057039, #00a74c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,#057039, #00a74c); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(bottom,#057039, #00a74c);
    background: linear-gradient(bottom,#057039, #00a74c); /* 标准的语法 */}
#open_menu{ display: none; padding-right: 40px; background: url("../images/top_menu.png") no-repeat right center; font-size: 26px; vertical-align: middle; margin-left: 10px; cursor: pointer; }
.Iheader_one #open_menu{background-image: url("../images/top_menu.png"); color: #000;}


.Iheader_one .topNav{ opacity: 0; transition: all 0.5s; transform: translateY(-200%);}
.Iheader_one .img1{ display: none;}
.Iheader_one .img2{ display: block;}
.Iheader_one .search,
.Iheader_one .lang{ display: none;}
.Iheader_one #open_menu{ display: block;}
.Iheader_white .img1,
.Iheader_white .img2,
.Iheader_white2 .img1,
.Iheader_white2 .img2,
.Iheader_white3 .img1,
.Iheader_white3 .img2{ display: none}
.Iheader_white .img3,
.Iheader_white2 .img3,
.Iheader_white3 .img3{ display: block;}
.Iheader_white #open_menu,
.Iheader_white2 #open_menu,
.Iheader_white3 #open_menu{ color: #fff; background-image: url("../images/top_menu2.png");}
.Iheader .topNav_on{ opacity: 1; transform: translateY(-50%);}
.hover_top{ background: rgba(0,0,0,0.5);}


.Nheader{ padding: 0;}
.Nheader .w1340{ position: relative;}
.Nheader .topNav{  opacity: 0; transition: all 0.5s; transform: translateY(-200%); width: 100%; right: 220px;}
.Nheader .topNav ul{text-align: right;}
.Nheader .topNav li{ margin: 0 0.5%;}
.Nheader .topNav li a{ padding: 0 5px; min-width: 90px;}
.Nheader #open_menu{ display: inline-block; color: #fff; background-image: url("../images/top_menu2.png");}
.Nheader .menu{ display: inline-block; vertical-align: middle; width: 58%; margin-left: 2%; opacity: 1; z-index: 10;}
.Nheader .menu_hide{ opacity: 0; z-index: 0;}
.Header_fix{ background: rgba(0,0,0,0.5);}
.Nheader .topNav_on{ opacity: 1; transform: translateY(-50%);}
@media(max-width:1700px){
    .topNav{  right: 120px;}
    .Iheader .topNav li a{ padding: 0 5px; min-width: 90px;}
}

@media(max-width:1600px){
    .Iheader .topNav li a{ padding: 0 5px; min-width: 90px;}
}
@media(max-width:1400px){
    .Iheader .topNav li{ margin: 0.5%;}
}
@media(max-width:1366px){
    .Nheader .topNav{right: 215px;}
    .topNav{ width: 70%; right: 90px;}
}
@media(max-width:1023px){
    .topNav{ opacity: 0;}
    #open_menu{ display: inline-block; color: #fff; background-image: url("../images/top_menu2.png");}
    .Iheader .topNav_on{ position: absolute; width: 100%; left: auto; right: 0; width: 100%; max-width: 250px; top: 100%; transform: translateY(0); background: rgba(0,0,0,0.5); padding: 3%;margin-right: 0;}
    .Iheader .topNav_on li{ width: 100%; display: block; text-align: center; margin-bottom: 10%;}
    .Home_icon{ padding: 3% 0;}
    .Home_icon:before{ display: none;}
    .Nheader .menu{ position: absolute; left: 0; top: 100%; width: 100%; margin-left: 0;}
    .topNav{right: 0!important;}
    .Iheader .nav_wrap{display: none!important;}
}
@media(max-width:768px){
    .Iheader{ position: absolute;}
}
@media(max-width:640px){
    .Iheader .search, .Iheader .lang{ display: none;}
    #open_menu{ font-size: 20px;}

    .Iheader .menu li{ margin: 0 0.5% 1%;}
    .Iheader .menu li a{ line-height: 25px; font-size: 14px; min-width: auto; padding: 0 10px;}
}

.Home_icon{ background-size: 100% 100% !important;}
.HomeBanner .slick-slider,
.HomeBanner .slick-list,
.HomeBanner .slick-track,
.HomeBanner .slick-slide{ height: 100%;}
.HomeBanner figure{ position: relative; height: 100%;}
.HomeBanner .slick-arrow,
.HomeBanner .slick-dots{ position: absolute; z-index: 10;}
.HomeBanner .slick-arrow{ width: 72px; height: 72px; top: 50%; margin-top: -36px; background: url("../images/prev_btn1.png") no-repeat center; background-size: contain; border: none; font-size: 0; cursor: pointer;}
.HomeBanner .slick-prev{ left: 10%;}
.HomeBanner .slick-next{ right: 10%; background-image: url("../images/next_btn1.png");}
.HomeBanner .slick-dots{ text-align: center; width: 100%; left: 0; bottom:7.5%; font-size: 0;}
.HomeBanner .slick-dots li{ display: inline-block; margin: 0 5px;}
.HomeBanner .slick-dots button{ display: block; border:none; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,255,255,0.2); font-size: 0; }
.HomeBanner .slick-dots .slick-active button{ background: #fff; }
@media(max-width:1600px){
    .HomeBanner .slick-arrow{ display: none!important;}
}


.Htitle{ text-align: center; margin-bottom: 2.2%; position: relative; z-index: 5;}
.Htitle h2{font-size: 40px; color: #000000;  margin-bottom: 0.5%;}
.Htitle span{ display: block; letter-spacing: 1em; font-size: 15px; padding-left: 1em;}
.Htitle:after{ content: ''; width: 24px; height: 1px; background: #000; margin: 1.5% auto 0; display: block;}
.Htitle_white,
.Htitle_white h2{ color: #fff;}
.Htitle_white:after{ background-color: #fff;}
.Home_txt{ position: relative;}
.Home_txt figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Htitle_pic{ position: relative; z-index: 2; padding: 2.61% 0; margin: 0;}
@media(max-width:1600px){
    .Htitle h2{ font-size: 40px;}
}
@media(max-width:1366px){
    .Htitle h2{ font-size: 36px;}
}
@media(max-width:1280px){
    .Htitle h2{ font-size: 32px;}
}
@media(max-width:1024px){
    .Htitle h2{ font-size: 30px;}
}
@media(max-width:768px){
    .Htitle h2{ font-size: 28px;}
}
@media(max-width:640px){
    .Htitle h2{ font-size: 20px;}
    .Htitle span{ font-size: 14px; padding-left: 0; letter-spacing: 0;}
}

.Hleft_txt{ position: fixed; left: 2.8%; top: 50%; transform: translateY(-50%); writing-mode: vertical-lr; writing-mode: bt-lr; letter-spacing: 0.8em;  font-weight: bold; font-size: 16px; z-index: 10; display: none;}
@media(max-width:1280px){
    .Hleft_txt{ display: none!important;}
}
.Home_icon:before{ content: ''; position: absolute; z-index: 0;}
.HomeNews:before{ width: 255px; height: 104px; background: url("../images/Hnews_icon.png") no-repeat center; background-size: contain; top: 0; left: 50%; margin-left: -600px;}
.HomeNews{ background: url("../images/index_bg_02.jpg") no-repeat center; background-size: cover; position: relative;}
.HomeNews .Htitle span{ letter-spacing: 3em; padding-left: 3em;}
.HomeNews .list{ padding-bottom: 5.5%;}

.HomeNews .slick-slide{ position: relative;}
.HomeNews .slick-slide:before{ content: ''; position: absolute; left: 0; top: 0; width: 49.1%; height: 100%; border: 1px solid #e8e8e8;}
.HomeNews .slick-slide > div{ float: left; width: 49.1%; padding: 1.3%; position: relative; z-index: 2;}
.HomeNews .slick-slide > div:first-child{ float: right; border: 1px solid #e8e8e8;}
.HomeNews .slick-slide > div:nth-child(3){ padding-top: 1%;}
.HomeNews figure{ padding-top: 32.555%; position: relative;}
.HomeNews .slick-slide > div:first-child figure{ padding-top: 83.276%;}
.HomeNews .item h2{ font-size: 18px; color: #000000; margin: 3.2% 0 2%;}
.HomeNews .item time{ color: #068a4b; padding-left: 25px; background: url("../images/time_icon.png") no-repeat left center;}
.video_play{ position: absolute; width: 41px; height: 38px; background: url("../images/video_play.png") no-repeat center; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.HomeNews .slick-arrow{ top: 35%;}
@media(max-width:1200px){
    .HomeNews .slick-slide:before{ height: 99%;}
}
@media(max-width:640px){
    .HomeNews .Htitle span{ font-size: 14px; padding-left: 0; letter-spacing: 0;}
    .HomeNews .slick-slide > div:first-child,
    .HomeNews .slick-slide > div{ width: 99%; float: none; border: 1px solid #e8e8e8; margin-bottom: 10px; margin-left: 0;}
    .HomeNews .slick-slide:before{ display: none;}
    .HomeNews .item h2{ font-size: 16px;}
}

.HomeAbout{ position: relative; height: 100%; background: url("../images/index_bg_03.jpg") no-repeat center top;}
.HomeAbout:before{ width: 124px; height: 105px; bottom: 0; left: 5%; background: url("../images/Habout_icon.png") no-repeat center; z-index: 2;}
.HomeAbout .Htitle{ margin-bottom: 1.5%;}
.HomeAbout .pic img{ width: 100%;}
.HomeAbout .img{ margin: -9% auto 2%; width: 18.594%; overflow: hidden; border-radius: 100%;}
.HomeAbout .img img{width: 100%;}
.HomeAbout article{ font-size: 18px; color: #3f3a39; line-height: 28px;}
.Habout_more{ margin: 2.5% auto 0; display: block; width: 154px; line-height: 35px; text-align: center; transition: all 0.5s; position: relative; overflow: hidden;border-radius: 20px;}
.Habout_more span{ display: block; border: 1px solid rgba(52,52,52,0.5); border-radius: 20px; position: relative; z-index: 2;}
.Habout_more:before{ border-color: #057039;background: -webkit-linear-gradient(bottom,#057039, #00a74c); background: -o-linear-gradient(bottom,#057039, #00a74c); background: -moz-linear-gradient(bottom,#057039, #00a74c); background: -ms-linear-gradient(bottom,#057039, #00a74c); background: linear-gradient(bottom,#057039, #00a74c); content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border-radius: 20px; opacity: 0; transition: all 0.5s;}
.Habout_more:hover span{ border-color: transparent; color: #fff;}
.Habout_more:hover:before{ opacity: 1;}
.NAbout{ background: none; margin-top: -10%; position: relative;}
@media(max-width:640px){
    .HomeAbout article{ font-size: 14px; line-height: 24px;}
}



.HomeProduct{background: url("../images/index_bg_04.jpg") no-repeat center top;}
.HomeProduct:before{ width: 129px; height: 109px; top: 0; right: 50%; background: url("../images/Hpro_icon.png") no-repeat center; z-index: 2;margin-right: -720px;}


.HomeCase{background: url("../images/index_bg_05.jpg") no-repeat center top;}
.HomeCase .Htitle{ margin-bottom: 1.5%;}
.HomeCase .Htitle:after{ display: none;}
.HomeCase .tit{ text-align: center;}
.HomeCase .tit .icon{ text-align: center;}
.HomeCase .tit .icon img{ width:50px; height: 50px; }
.HomeCase .tit h2{ margin: 0.5% 0; font-size: 26px; color: #000000;}
.HomeCase .tit h2:after{ content: ''; display: block; width: 24px; height: 1px; background: rgba(0,0,0,0.9); margin: 0.8% auto;}

.HomeCase .slick-arrow{ width: 72px; height: 72px; top: 40%; margin-top: -36px; background: url("../images/prev_btn1.png") no-repeat center; background-size: contain; border: none; font-size: 0; cursor: pointer; position: absolute; z-index: 10;}
.HomeCase .slick-prev{ left: 10%;}
.HomeCase .slick-next{ right: 10%; background-image: url("../images/next_btn1.png");}
.HomeCase .slide .Htitle{ display: none;}
.HomeCase .slide:first-child .Htitle{ display: block;}
@media(max-width:1024px){
    .HomeCase .slick-arrow{ width: 50px; height: 50px;}
    .HomeCase  .fp-controlArrow.fp-next{ border-width: 25px;}
}


.HomeFeatures{ position: relative; height: 100%; position: relative; height: 100%; background: url("../images/index_bg_11.jpg") no-repeat center top;}
.HomeFeatures:before{ width: 129px; height: 152px; bottom: 6%; right:0; background: url("../images/Hfeatures_icon.png") no-repeat center; z-index: 2;}
.HomeFeatures .w1200{ position: relative; z-index: 10;}
.HomeFeatures .p{ text-indent: 2em; font-size: 18px; color: #000000; line-height: 28px;}
.HomeFeatures .video{ position: relative; width: 100%;}
@media(max-width:640px){
    .HomeFeatures .p{ font-size: 14px; line-height: 24px;}
}



.HomeSolution{background: url("../images/index_bg_12.jpg") no-repeat center top;}
.HomeSolution .title{ text-align: center; color: #000000; margin-bottom: 2%; }
.HomeSolution .title h2{font-size: 30px;}
.HomeSolution .title h2:after{ content: ''; width: 24px; height: 1px; background: #000; margin: 1% auto; display: block;}
.HomeSolution .title h4{ font-weight: normal; font-size: 18px;}
/* .HomeSolution ul{ padding-bottom: 9%;} */
.HomeSolution li{ float: left; width: 17.417%; margin-right: 3.2%; position: relative;}
.HomeSolution .pic{ position: relative; z-index: 10; padding: 4%; transition: all 0.5s;}
.HomeSolution li figure{ width: 100%; padding-top: 100%; position: relative; overflow: hidden; border-radius: 100%;}
.HomeSolution li figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.HomeSolution li h3{ position: absolute; left: 0; width: 100%; text-align: center; color: #fff; top: 50%; transform: translateY(-50%); font-size: 32px;letter-spacing: 5px;padding-left: 5px;}


.HomeSolution .hover{ position: absolute; width: 100%;border-radius: 120px;background: #b8edcf; padding-top: 100%; height: 211%; left: 0; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.4); transition: all 0.5s; opacity: 0;}
.HomeSolution li:nth-child(2n) .hover{  padding-bottom: 100%;top: auto;bottom: 0;padding-top: 10%;}
.HomeSolution li:hover .pic{ padding: 0;}
.HomeSolution li:hover .hover{ opacity: 1;}
.HomeSolution li p{ font-size: 18px;color: #000000;line-height: 30px;padding: 0 9%;text-indent: 2em; height: 79%;overflow: hidden;}
.HomeSolution li:nth-child(2) .hover{ background-color: #e89fba;}
.HomeSolution li:nth-child(3) .hover{ background-color: #c1eaec;}
.HomeSolution li:nth-child(4) .hover{ background-color: #ecceb2;}
.HomeSolution li:nth-child(5) .hover{ background-color: #f0aca1;}
.HomeSolution:before{ width: 238px; height: 124px; background: url("../images/Hsolution_icon.png") no-repeat center; background-size: contain; top: 0; left: 50%; margin-left: -690px;}
@media(min-width:769px){
    .HomeSolution li:first-child{margin-top: 5%;transform: translateX(-10%);-webkit-transform: translateX(-10%);}
    .HomeSolution li:nth-child(2){ margin-top: 24%;}
    .HomeSolution li:nth-child(3){ margin-top: 6%;}
    .HomeSolution li:nth-child(4){ margin-top: 24%;}
    .HomeSolution li:nth-child(5){margin-right: 0; margin-top: 12%;}
    .HomeSolution li:before,
    .HomeSolution li:after{ content: ''; position: absolute; background: rgba(0,0,0,0.5); height: 1px;}
    .HomeSolution li:first-child:before{ transform: rotate(38deg);left: -101px;top: -7px; width: 90px;}
    .HomeSolution li:first-child:after{ width: 20px;transform: rotate(38deg);right: -30px;bottom: -60px;}
    .HomeSolution li:nth-child(3):before{ transform: rotate(-50deg);left: -33px;top: 110px;width: 30px;}
    .HomeSolution li:nth-child(3):after{ transform: rotate(50deg);right: -33px;top: 110px;width: 35px;}
    .HomeSolution li:nth-child(4):before{ transform: rotate(-50deg);right: -33px;top: 68px;width: 25px;}
    .HomeSolution li:nth-child(5):after{ transform: rotate(37deg);right: -150px;bottom: 50px;width: 150px;}
}
@media(max-width:1024px){
    .HomeSolution li:first-child:before,
    .HomeSolution li:nth-child(5):after{ display: none;}
}
@media(max-width:768px){
    .HomeSolution .title{ margin-bottom: 5% !important;}
    .HomeSolution li{ float: none;width: 100%;position: relative;min-height: 200px; margin-bottom: 5%;}
    .HomeSolution .pic{ width: 200px;position: absolute;left: 0;top: 0;padding: 0;}
    .HomeSolution .hover{  position: static;padding-top: 0!important;opacity: 1;min-height: 200px;padding-left: 200px;    display: table;}
    .HomeSolution li h3{ font-size: 22px;}
    .HomeSolution li p{  display: table-cell;vertical-align: middle; margin: 0;}
    .HomeSolution li:nth-child(2n) .hover{ padding-bottom: 0;}
}
@media(max-width:640px){
    .HomeSolution .title h2{ font-size: 20px;}
    .HomeSolution .title h4{ font-size: 14px;}
    .HomeSolution li h3{font-size: 18px;}
    .HomeSolution li p{ font-size: 14px; line-height: 18px;height: auto;padding: 0 5%;}
    .HomeSolution .hover{ padding-left: 70px;min-height: 70px;height: auto;}
    .HomeSolution .pic{ width: 70px; top: 50%; transform: translateY(-50%);}
    .HomeSolution li{min-height: 70px;height: auto;}
}


.HomeService{background: url("../images/index_bg_13.jpg") no-repeat center top; position: relative; height: 100%;}
.HomeService:before{ width: 153px; height: 199px; background: url("../images/Hservice_icon.png") no-repeat center; background-size: contain; bottom: 0; right: 0; }
.HomeService .p{ margin: 5% 0; text-indent: 2em; font-size: 18px; color: #000000;}
.HomeService .list{ margin: 0 -13px;}
.HomeService .slick-slide > div{ padding: 15px 13px;}
.HomeService .item{ display: block!important;}
.HomeService .item figure{ width: 100%; padding-top: 57.275%;}
@media(max-width:1200px){
    .HomeService .list{ margin: 0;}
}
@media(max-width:640px){
    .HomeService .p{ font-size: 14px;}
}

.HomeContact{ position: relative;background: url("../images/index_bg_14.jpg") no-repeat center top;}
.HomeContact .Htitle{ padding-bottom:4.5%;}
.HomeContact .ewm{ margin:-2.5% auto 0; max-width: 132px; position: relative; z-index: 3; }
.HomeContact ul{ margin-top: -3.5%;}
.HomeContact li{ float: left; width: 50%; padding-right: 5%;}
.HomeContact li:nth-child(2){ padding-left: 8.5%; padding-right: 0;}
.HomeContact li h3{ font-size: 20px; color: #000000;}
.HomeContact li p{ margin: 0; padding-left: 50px; background: url("../images/Contact_icon1.png") no-repeat left center; line-height: 24px; font-size: 15px; color: #000000;}
.HomeContact li .fax{ background-image: url("../images/Contact_icon2.png");}
.HomeContact li .email{ background-image: url("../images/Contact_icon3.png");}
.HomeContact li .add{ background-image: url("../images/Contact_icon4.png");}
.HomeContact li .code{ background-image: url("../images/Contact_icon5.png");}
.HomeContact .form{ margin-top: 1%; padding-bottom: 1%; background: #f7f7f7;}
.HomeContact .form dl{ float: left; width: 50%; padding-right: 6%; position: relative;}
.HomeContact .form dl:nth-child(2){ padding-left: 6%; padding-right: 0;}
.HomeContact .form dl:nth-child(2):before{ content: ''; position: absolute; width: 1px; height: 85%; top: 7.5%; background: #dcdcdd; left: 0;}
.HomeContact .form dt{ font-weight: bold; font-size: 20px; color: #000000; padding: 5% 0 4%;}
.HomeContact .item{ float: left; width:45%; margin-right: 10%; margin-bottom: 10px; }
.HomeContact .item:nth-child(2n){ margin-right: 0;}
.HomeContact .item .text{ width: 100%; border: none; background: none; border-bottom: 1px solid #d3d3d4; height: 50px; line-height: 50px;}
.HomeContact .item_100{ width: 100%; margin-right: 0;}
.HomeContact .item textarea.text{ height: 90px; line-height: 30px;}
.HomeContact .item .btn{ width: 154px; height: 38px; border: none; background: url("../images/btn_icon.png") no-repeat center; line-height: 28px; text-align: center; font-size: 18px; color: #fff; margin: 0 auto; display: block; cursor: pointer;}
.Copyright{ text-align: center; color: #656565; font-size: 15px; padding: 1% 0 2%;}
.Copyright a{ color: #656565;}
@media(max-width:1600px){
    .HomeContact ul{ margin-top: -4.5%;}
}
@media(max-width:1280px){
    .HomeContact .item .text{ line-height: 40px; height: 40px;}
    .HomeContact .item textarea.text{ height: 80px;}
}
@media(max-width:768px){
    .HomeContact ul{ margin-top: -2%;}
    .HomeContact li h3,
    .HomeContact .form dt{ font-size: 18px;}
    .HomeContact .form dd{ overflow: hidden;}
}
@media(max-width:640px){
    .HomeContact li h3,
    .HomeContact .form dt{ font-size: 16px;}
    .HomeContact li,
    .HomeContact .form dl{ width: 100%; margin-right: 0; float: none; padding: 0!important;}
    .HomeContact .form dl:nth-child(2):before{ display: none;}
    .HomeContact .item .btn{ width: 128px;height: 33px;
        background-size: contain; font-size: 14px;}
    .Copyright{ font-size: 12px;}
}

.Nybanner{ position: relative;}
.Nybanner img{ width: 100%;}

.wapBan{ display: none;}
@media(max-width:1024px){
    .wapBan{ display: block;}
    .pcBan{ display: none;}

}

.about_con{}
.about_con .h2{ text-align: center; font-size: 30px; color: #000; margin: 7% 0;}
.about_con li{ overflow: hidden; border-radius: 230px; background: #f5f7f7; margin-bottom: 5%;}

.about_con li img{ border-radius: 100%;}
.about_con li .Image{ width: 36.4%;}
.about_con li .txt{ padding: 0 9.5%; text-align: justify;}
.about_con .ul2 li .txt{ padding: 0 5%;}
.about_item2{ position: relative; padding-top: 6.5%;}
.about_item2 .img{ width: 100%; position: absolute; left: 0; top: 0;text-align: center;}
.about_item2 .Htitle_white{ position: relative; z-index: 2;}
.about_item2 .w1200{ position: relative; z-index: 2;}
.about_info_ul1{ padding-top: 3.15%;}
.about_info_ul1 li{ float: left; width: 32.417%; margin-right: 1.3%;}
.about_info_ul1 li:last-child{ margin-right: 0;}
.about_info_ul1 .txt{ background: #fff; padding:6% 8%; color: #3f3a39;}
.about_info_ul1 .txt h2{ text-align: center; font-size: 30px;}
.about_info_ul1 .txt h2:after{ content: ''; display: block; width: 34px; margin: 7% auto; height: 1px; background: #000;}
.about_info_ul1 .txt p{ text-indent: 2em; font-size: 18px; line-height: 28px; height: 84px; overflow: hidden;}

.development_list{ background: #f5f7f7; padding: 3% 0 5%; margin-top: 5%;}
.development_list .item{ padding: 0 12%;}
.development_list .pic{ overflow: hidden; border-radius: 100%; position: relative; margin: 13% 0;}
.development_list .pic:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.development_list img{ width: 100%;}
.development_list time{ font-weight: bold; text-align: center; display: block; padding-top: 65px; color: #5a5655; font-size: 60px; position: relative; margin-bottom: 30px;}
.development_list time:before{ content: ''; position: absolute; width: 11px; height: 11px; background: url("../images/arrow_icon1.png") no-repeat center; left: 50%; margin-left: -5px; top: 22px;}
.development_list p{ margin: 0; text-indent: 2em;font-size: 18px; color: #3f3a39; line-height: 25px;}
.development_list article{ overflow: auto; max-height: 100px;}
.development_list article::-webkit-scrollbar {
    width:2px;
}
/* 滚动槽 */
.development_list article::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
}
/* 滚动条滑块 */
.development_list article::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.development_list article::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.5);
}
.development_list .slick-current .item{ padding: 0 2%;}
.development_list .slick-current .pic{ margin: 0;}
.development_list .slick-current .pic:before{ display: none;}
.development_list .slick-current time{ color: #168842;}
.development_list .w1200{ position: relative;}
.development_list .line{  position: absolute; left:0; width: 100%; height: 1px; background: #c4c6c6; top: 50%; margin-top: 75px;}

.qualification{ padding: 4% 0 1%;}
.qualification li figure{ position: relative; max-width: 1000px; margin: 0 auto;}
.qualification li figure img{ width: 89%;margin: 0 auto;display: block;}
.qualification li figure:before{ content: ''; position: absolute; width: 100%; height: 100%; background: url("../images/zz_bg.png") no-repeat center bottom; background-size: 100% auto;}
.qualification li h2{ text-align: center; font-size: 30px; color: #3f3a39;}
@media  (max-width: 1366px) and (min-width: 1024px){
    .about_con ul{ width: 70%; margin:0 auto;}
    .about_info_ul1{ width: 90%; margin:0 auto;}
    .about_con li .Image{ width: 30%;}
    .about_info_ul1 .txt h2{ font-size: 22px;}
    .development_list .w1200{ max-width: 70%;}
    .development_list .line{ margin-top: 35px;}
    .development_list time{ font-size: 40px;}
    .development_list p{ font-size: 16px; line-height: 24px;}
    .slick_btn .slick-arrow{ top: 30%;}
    .qualification .ul{ width: 75%;}
    .qualification li h2{ font-size: 22px;}
}
@media(max-width:640px){
    .about_con .h2{ font-size: 20px;}
    .about_con li{ border-radius: 0; padding-top: 2%;}
    .about_con li .ytable_cell{ display: block;}
    .about_con li .Image{ margin: 0 auto;}
    .about_info_ul1 li{ width: 100%; margin-right: 0; float: none;}
    .about_info_ul1 .txt h2{ font-size: 18px;}
    .about_info_ul1 .txt h2:after{ margin: 3% auto;}
    .about_info_ul1 .txt p{ font-size: 14px; line-height: 24px; height: auto;}
    .development_list{ padding-top: 8%;}
    .development_list .w1200{ padding-top: 5%;}
    .development_list .pic{ width: 80%; margin: 0 auto!important;}
    .development_list time{ font-size: 30px;}
    .development_list p{ font-size: 14px;}
    .development_list .line{ display: none;}
    .qualification li h2{ font-size: 20px;}
}




#footer .w1200{ border-top: 1px solid #e4e4e4; margin-top: 3%; padding: 1.5% 0 3.5%;}
#footer ul{ font-size: 0; text-align: center; margin: 2% 0;}
#footer li{ display: inline-block; font-size: 16px;}
#footer li a{ display: block; color: #797979; padding: 0 30px; position: relative;}
#footer li a:after{ content: ''; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background: #cfcfcf;}
#footer li.aon a,
#footer li a:hover{ color: #168842;}
#footer li:last-child a:after{ display: none;}
#footer p{ text-align: center; color: #656565; line-height: 30px; font-size: 15px;}
#footer p a{ color: #656565; }
.back_top{ position: fixed; width: 73px; height: 106px; background: url("../images/back_top.png") no-repeat center; right: 0; top: 50%; z-index: 100; display: none;}
@media(max-width:640px){

    #footer li a{ padding: 0 10px; font-size: 14px;}
    #footer p{ font-size: 12px; line-height: 22px;}
}


.case_list .Htitle:after{ display: none;}
.case_tit{ text-align: center; margin:0 0 3%;}
.case_tit .icon{ text-align: center;}
.case_tit .icon img{ width:50px; height: 50px; }
.case_tit h2{ margin: 0.5% 0; font-size: 26px; color: #000000;}
.case_tit h2:after{ content: ''; display: block; width: 24px; height: 1px; background: rgba(0,0,0,0.9); margin: 0.8% auto;}
.case_list li{ width: 48.5%; margin-right: 3%; float: left; margin-bottom: 5%;}
.case_list li:nth-child(2n){ margin-right: 0;}
.case_list li figure{ padding-top: 58.8%; transition: all 0.5s;}
.case_list li .txt{ padding: 5% 0;}
.case_list li h2{ font-size: 20px;}
.case_list li p{ font-size: 16px; line-height: 26px; color: #888888;}
.case_list li time{ color: #068a4b;padding-left: 25px;background: url(../images/time_icon.png) no-repeat left center;}
.case_list li a:hover figure{ transform: scale(1.05);}
.case_list li a:hover h2{ color: #168842;}
@media(max-width:640px){
    .case_tit h2{ font-size: 20px;}
    .case_tit h2:after{ margin: 2% auto;}
    .case_list .ytable_cell{ display: block; width: 100%;}
    .case_list .txt h2{ font-size: 16px;}
    .case_list .txt p,
    .case_list .txt time{ font-size: 14px; line-height: 24px;}
    .case_list li{ width: 100%; margin-right: 0; float: none; margin-bottom: 3%;}
    .case_list li h2{ font-size: 16px;}
    .case_list li p{ font-size: 14px; line-height: 24px; margin: 0;}
}



.news_info{ padding: 3% 0;}
.news_info header{ text-align: center; padding-bottom: 3%; border-bottom: 1px solid #efefef; margin-bottom: 6%;}
.news_info header h1{ font-weight: normal; color: #333333; font-size: 32px;}
.news_info header time{ color: #999999;}
.news_info article{ font-size: 16px; color: #888888; line-height: 26px;}
.news_info .a_back{ width: 155px; text-align: center; color: #fff; display: block; margin:6% auto 0; line-height: 42px; background: #168842; border-radius: 50px; font-size: 16px;}
@media(max-width:1600px){
    .news_info header h1{ font-size: 20px;}
    .news_info article{ font-size: 14px; line-height: 24px;}
    .news_info .a_back{ font-size: 14px; width: 100px; line-height: 36px;}
}
.video_info{ text-align: center; margin: 0 0 5%; text-align: center;}
.video_info video{ width: 80%; margin: 0 auto; max-width: 800px;}

.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 27px 29px rgba(0,0,0,0.11); background: #fff; max-width:520px; width: 90%;  margin:auto; padding: 30px; position: relative;}
.popup .closed{ position: absolute;top: 30px; right: 30px; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #999; line-height: 30px; }

.videopopup .popup-container{max-width: 1400px; border: 5px solid #f0ede8; padding: 0; background: #000;}
.videopopup .closed{top: -35px; right: -35px;}
.videopopup .closed:before{color: #fff;}
.videopopup video{max-height: 80vh;}
.videopopup embed,.videopopup object{max-height: 80vh;height: 100%;width: 100%;}

/*分页*/
.Pages{ text-align:center;  margin: 10% 0;}
.Pages a{ display:inline-block; vertical-align:middle; padding:0 15px; line-height:39px; color:#666; font-size: 16px;font-family: "manrope"; background-color: #fff; border-radius: 5px; }
.Pages a:hover,
.Pages a.a_cur{ background-color:#168842; color:#fff;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden; margin: 0 10px;}
.Pages em a{ float:left; margin-right: 5px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{ display:none;}
.Pages .a_prev,
.Pages .a_next,
.Pages .a_end,
.Pages .a_first{ padding:0; width:41px; overflow:hidden;  height:39px; font-size: 0; margin: 0 10px; }
.Pages .a_prev:before,
.Pages .a_next:before,
.Pages .a_first:before,
.Pages .a_end:before{ display: inline-block; vertical-align: middle;}
.Pages .a_prev:before,
.Pages .a_next:before{ font-family: "宋体";font-size: 20px; }
.Pages .a_first:before,
.Pages .a_end:before{ font-size: 16px;}
.Pages .a_prev:before{ content: '<';}
.Pages .a_next:before{ content: '>';}
.Pages .a_first:before{ content: '首页'}
.Pages .a_end:before{ content: '末页'}
.Pages .a_next{ margin-left: 6px;}
@media(max-width:640px) {
    .Pages em{display: none;}
}
/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #008550;}

.HomeCase .ul{width: 100%;height: 510px;margin-bottom:150px;max-width: 1920px;margin-right: auto;margin-left: auto;}
.HomeCase .ul li{width: 33.333%;}
.HomeCase .ul li.noShow{opacity: 0!important;}
.HomeCase .roundabout_wrap{max-width: 1920px;overflow: hidden;margin: auto;}
.HomeCase  .slide{overflow: hidden;}
/*.HomeCase .pic{ padding: 10% 0;}*/
.HomeCase .Ispic{ position: relative;}
.HomeCase .Ispic:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35);}
.HomeCase .txt{ display: none;}
.HomeCase .roundabout-in-focus{ z-index: 10; position: relative;}
.HomeCase .roundabout-in-focus .txt{ display: block;}
.HomeCase .txt h3{ text-align: center; font-weight: normal; font-size: 18px; color: #000000;}
.HomeCase .txt h3 em{ display: inline-block; width: 1px; height: 16px; vertical-align: middle; background: #999796; margin: 0 3%;}
.HomeCase .txt p{ font-size: 18px; color: #000; line-height: 28px; text-indent: 2em; margin: 0 -7%; max-height: 56px; overflow: hidden;}
.HomeCase .roundabout-in-focus .pic{position: relative;}
.HomeCase .roundabout-in-focus .pic:before{ content: ''; position: absolute; width: 109%;height: 109%;left: -4.5%; top: 0; background: url("../images/case_bg.png") no-repeat center bottom; background-size: 100% auto;}
/*.HomeCase .roundabout-in-focus a{ display: block; margin: 0 -32%;}*/
/*.HomeCase .roundabout-in-focus .Ispic{ padding-top: 55.4%;}*/
.HomeCase .roundabout-in-focus .Ispic:before{ display: none;}
.HomeCase .slick-arrow{ width: 72px; height: 72px; top: 49%;  background: url("../images/prev_btn1.png") no-repeat center; background-size: contain; border: none; font-size: 0; cursor: pointer; position: absolute; z-index: 500;}
.HomeCase .slick-prev{ left: 10%;}
.HomeCase .slick-next{ right: 10%; background-image: url("../images/next_btn1.png");}
/*.HomeCase .slide .Htitle{ display: none;}*/
/*.HomeCase .slide:first-child .Htitle{ display: block;}*/

@media  (max-width: 1600px){
    .HomeCase .ul{height: 380px;}
    .Hleft_txt{top: 0;transform: none;text-align: center;height: 100%;}
    .HomeContact .item .text{height: 25px;line-height: 25px;}
    .HomeContact .form dt{padding: 1% 0 0.5%;}
    .HomeContact .item{margin-bottom: 5px;}
    .HomeContact .item textarea.text {height: 50px;line-height: 25px;}
    .HomeAbout .img{width: 15.594%;}
    .HomeCase .txt h3 {margin: 10px 0;}
    .HomeFeatures .video {max-width: 800px;margin: auto;}
    .HomeSolution .title{margin-bottom: 0;}
}
@media (max-width: 1440px) {
    .slick_btn .slick-next {right: -5%;}
    .slick_btn .slick-prev {left: -5%;}
}

@media  (max-width: 1366px) and (min-width: 1024px){
    .HomeCase .ul{height: 270px;margin-top: 40px;}
    .Htitle h2{font-size: 26px;margin-bottom: 0;}
    .HomeCase .Htitle{margin-bottom: 0.5%;}

    /*.HomeCase .Ispic{padding-top: 45%;}*/
    /*.HomeCase .slick-current .Ispic{padding-top: 40%;}*/
    .HomeFeatures .video{max-width: 600px;margin: auto;}
    .HomeNews .w1200,.HomeProduct .w1200,.HomeSolution .w1200,.fp-section .w1200{max-width: 900px;}
    .slick_btn .slick-next {right: -10%;}
    .slick_btn .slick-prev {left: -10%;}
    .HomeCase .txt h3{ font-size: 18px;}
    .HomeCase .txt p{font-size: 16px;line-height: 22px; max-height: 48px;}
    .HomeSolution .w1340{ max-width: 920px;}
    .HomeSolution .hover{ height: 209%;}
    .HomeSolution li h3{ font-size: 26px;}
    .HomeSolution li p{ font-size: 14px; line-height: 22px;}
    .HomeAbout article{font-size: 14px;line-height: 22px;}
    .HomeAbout article p{margin: 1% 0!important;}
    .HomeAbout .img{margin-bottom: 1%;}
    .Habout_more{margin-top: 0.5%;}
    .fp-controlArrow.fp-next{right: 6%!important;}
    .fp-controlArrow.fp-prev{left: 6% !important;}
    .Hleft_txt{top: 0;transform: none;text-align: center;height: 100%;}
    .HomeCase .tit .icon img{height: 30px;width: 30px;}
    .HomeCase .tit h2{font-size: 18px; margin: 0;}
    .HomeContact .Htitle{ padding-bottom: 3.5%;}
    .HomeContact .ewm{max-width: 100px;}
    .HomeContact li h3{font-size: 16px;margin: 10px 0;}
    .HomeContact .form dt{font-size: 16px;}
    .Htitle_pic{padding-top: 2%;}
    .Copyright p{margin: 0;}
    .development_list .slick_btn .slick-next {right: -5%;}
    .development_list .slick_btn .slick-prev {left: -5%;}
    .maincontent >section{overflow: hidden;}
		.NAbout1 {overflow: visible !important;}
}
@media (max-width: 1024px) {
    .slick_btn .slick-next {right: 0%;}
    .slick_btn .slick-prev {left: 0%;}
    .development_list .slick_btn .slick-next {right: 0%;}
    .development_list .slick_btn .slick-prev {left: 0%;}
    .HomeCase .ul{margin-bottom: 50px;}

}
@media  (max-width: 768px){
    .HomeCase .ul{margin-bottom: 60px;height: 340px;margin-top: -38px;}
    .HomeCase .ul li{width: 80%;}
    .HomeCase .roundabout-in-focus .txt {
        display: block;
        width: 80%;
        margin: auto;
    }
    .HomeCase .slick-arrow{width: 40px;height: 40px;}
    .fp-controlArrow.fp-next{right: -15px;}
    .fp-controlArrow.fp-prev{left: -15px;}
}
@media(max-width:640px){
    .HomeCase .tit h2{ font-size: 18px;}
    .HomeCase .slick-current a,
    .HomeCase .txt p{ margin: 0;}
    .HomeCase .txt{ padding: 0 2%;}
    .HomeCase .txt h3{ font-size: 16px;}
    .HomeCase .txt p{ font-size: 14px; line-height: 24px; max-height: 50px;}
}


@media  (min-width: 2048px){
    .w1200{max-width: 1600px; }
    .HomeFeatures .video img{width: 100%;}
    .HomeProduct li img{width: 100%;}
    .slick_btn .slick-next{right: -8.5%;}
    .slick_btn .slick-prev{left: -8.5%;}
    .fp-controlArrow.fp-next{right: 8%!important;}
    .fp-controlArrow.fp-prev{left: 8%!important;}
}
@media  (min-width: 1920px){
    .Iheader.Iheader_one .topNav{margin-right: 0;}
}
.Iheader .nav_wrap{display: none;}
@media  (min-width: 1024px){
    .Iheader.Iheader_one .topNav{width: auto;}
    .Iheader.Iheader_one .navUl li{margin: 0.5% 5px 0.5% 0;}
    .Iheader_one .topNav{margin-right: 00px;right: calc(3% + 150px);}
    .Iheader.Iheader_one .navUl  li a{height: 24px;line-height: 22px;font-size: 12px;min-width: 60px;}
    .Iheader.Iheader_one.nav_on .nav_wrap{display: block; border-radius: 5px;background: #004b2b;position: absolute;right: 3%;top: 50%;transform: translate(15px ,-50%);z-index: -1;}
    .Iheader.Iheader_one.nav_on  #open_menu {color: #fff;background-image: url(../images/top_menu2.png);}

}

@media  (min-width: 2048px){
    .topNav{right: 7%;}
}